<template>
  <div id="app">
    <router-view/>
    <global-popup/>
    <mu-linear-progress v-show = 'visible' :size="7" color='#C0523F' class="global-linear-progress" />
  </div>
</template>

<script>
import globalPopup from '@/components/popup'
export default {
  name: 'App',
  components:{
    globalPopup
  },
  computed:{
    visible(){
      return this.$store.state.global.linearProgressVisible
    }
  }
}
</script>
<style scoped>

.global-linear-progress {
  position: fixed;
  bottom: 0;
  left: 0;
}
</style>

